<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="description" content="">
<meta http-equiv="x-dns-prefetch-control" content="on">
<title>导航</title>
<link href="img/css/css.css" rel="stylesheet" type="text/css">
</head>

<body class="whitebg">
<!--wrap start-->
<section id="wrap">
    <section class="navi_titlebar">
            <img src="img/user_pic.png" width="100%" height="100%" class="tripuser_navi"/>
            <ul class="listitem h120">
                <li class="userinfo">
                    <p class="username">永远的永远 距离 陈华</p>
                </li>
                <li class="d_triptitle">169 公里，预计 1h28m 到达</li>
            </ul>
    </section>
    <section class="navibottomarea">
           <div class="mebtn mt10"><a href="#"><i class="iconfont bluegray">&#xe601;</i></a></div>
           <div class="toolbtnarea">
                <div class="btnfourarea rightline"><button class="btnthree"><i class="iconfont mr10 green">&#xe604;</i>好友</button></div>
                <div class="btnfourarea rightline"><button class="btnthree record"><i class="iconfont mr10">&#xe609;</i>录音</button></div>
                <div class="btnfourarea rightline"><div class="dot"></div><button class="btnthree"><i class="iconfont mr10 green">&#xe608;</i>会话</button></div>
                <div class="btnfourarea"><button class="btnthree"><i class="iconfont mr10 green">&#xe600;</i>更多</button></div>
           </div>
    </section>   
</section>
<!--wrap end-->
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/common.js"></script>
<script src="js/input.js"></script>
</body>
</html>